<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="../static/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="../static/css/3d.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="../static/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="../static/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../static/js/fq.js"></script>
    <script type="text/javascript" src="../static/js/modernizr.js"></script>
</head>
<body>

<div class="center text-center" style="font-size: large;width: 733px;">
    <div class="panel panel-primary">
        <div class="panel-heading ">
            <h3 class="panel-title" style="font-size: large">
                本科毕业设计
            </h3>
        </div>
        <div class="panel-body text-left ">
            <ul class="list-group">
                <li class="list-group-item ">题　　目：基于Python的故障树和在线监测高空作业车液压系统故障诊断系统的设计</li>
                <li class="list-group-item">学生姓名：赵新城</li>
                <li class="list-group-item"> 专业名称：机械设计制造及其自动化 </li>
                <li class="list-group-item">指导教师：张卫亮</li>
            </ul>
        </div>
    </div>
</div>
<div id="snowFlow"></div>

<svg style=" position: fixed;right:-210px; bottom:10%;" xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink" width="1024" height="320">
    <defs id="defs">
        <g id="stem">
            <line x1="0" y1="0" x2="0" y2="-1"/>
        </g>
    </defs>
    <g transform="translate(440, 320) scale(95)">
        <use id="25deg" xlink:href=""/>
    </g>
</svg>
</body>
<script>

    window.onload = function () {
        snowFlow();

        function snowFlow(left, height, src) {
            var container = document.createElement('div');
            var pic = document.createElement('img');
            var snowFlow = document.getElementById('snowFlow');
            pic.className = 'pic';
            container.className = 'container';
            snowFlow.appendChild(container);
            container.appendChild(pic);
            container.style.left = left + 'px';
            container.style.height = height + 'px';
            pic.src = '../static/img/snow.png';
            setTimeout(function () {
                snowFlow.removeChild(container);
            }, 5000);
        }

        setInterval(function () {
            var left = Math.random() * window.innerWidth;
            var height = Math.random() * window.innerHeight;
            var src = '../static/img/snow.png';
            snowFlow(left, height, src);
        }, 500)
    }

</script>
</html>